<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
	<head>
		<title>优惠活动详情</title>
		<%@include file="/WEB-INF/base.jspf"%>
		<style>
			body {
				margin:0;
			}
			.main {
			}
			.img-c-act-phone {
				background-size: cover;
				max-width: 320px;
				width:100%;
				max-height:200px;
			}
			h2 {
				font-size:20px;
				font-weight:bold;
			}
			.p-c-act-wrapper {
				color: red;
				font-size:14px;
			}
			.p-c-act-wrapper > span {
				font-size:14px;
			}
			.role li {
				font-size:14px;
			}
			.role li + li {
				margin-top:10px;
			}
			.span-c-index {
				font-weight:bold;
			}
			/* table 样式 */
			table {
			  border:1px solid #ccc;
			}
			table td, table th {
			  border-bottom: 1px solid #ccc;
			  border-right: 1px solid #ccc;
			  padding: 3px 5px;
			}
			table th {
			  text-align: center;
			}
			p{
				line-height: 30px;
			}
		</style>
	</head>

	<body style="background: white;">
		<div id="loading" class="kd-loading">
	<div class="kd-spinner">
		<span class="bounce b1"></span>
		<span class="bounce b2"></span>
		<span class="bounce b3"></span>
	</div>
	<p>&nbsp;</p>
	<p>&nbsp;</p>
	<p>请稍等，努力加载中...</p>
</div>
<div class='wapper' style="display:none">
		<div class="col-xs-12 col-sm-4 col-sm-offset-4 text-center" style="height: 50px;line-height:50px;position: fixed;margin-top: 0px;left: 0px;z-index: 100;background-color:#059BF3;">
			<a onclick="back()" class="glyphicon glyphicon-chevron-left fl" style="cursor:pointer; color: white;position:absolute;top:50%;transform:translateY(-50%);font-size: 20px;left:10px;"></a>
			<strong style="font-size: 20px;color: white;">活动详情</strong>
		</div>
		<div style="height:50px;"></div>
        <div id="main" class="col-xs-12 col-sm-4 col-sm-offset-4 " style="-webkit-overflow-scrolling : touch;">
			<!--  <h2 class="h2-c-act-title" style="text-align: center;"></h2>
			<p class="p-c-act-wrapper" style="display:flex;flex-direction:column;">
			<span style="margin-bottom:10px;"><span style="color:black;margin-right:8px;">活动开始时间:</span><span class="span-c-startTime" style="font-weight:bold;"></span></span>
			<span><span style="color:black;margin-right:8px;">活动结束时间:</span><span class="span-c-endTime" style="font-weight:bold;"></span></span>
			</p>
        	<p style="text-align: center;"><img class="img-c-act-phone" /></p>
        	<h3 style="font-weight:bold;color:red;font-size:18px;">★活动介绍★</h3>
        	<div class="content" style="font-size:14px;"></div>
        	<h3 style="font-weight:bold;color:red;font-size:18px;">★活动规则与条款★</h3>
        	<div class="role">
        		<ol>
        			<li><span class="span-c-index">1.</span>当您参与彩6彩票的一切优惠活动时，视为默认接受我公司一切优惠活动规则与条款。</li>
        			<li><span class="span-c-index">2.</span>我们保留对活动的最终解释权与修改和提前终止活动的权利，适用于所有优惠。</li>
        		</ol> 
        	 </div>  -->
        </div>
        </div>
	</body>
	<script type="text/javascript">
	document.onreadystatechange = function(){ 
		　　 if(document.readyState == "complete"){ 　　//当页面加载状态为完全结束时进入 
		    　 //你要做的操作。
			 $(".wapper").show() 
			 $(".kd-loading").hide()
		   　 }
		}
/* 	var BASE_SRC = "/d/cp/" */
	var id = GetQueryString("id")
	
/* 	function transDate2Str(date) {
		var year = date.getFullYear()
		var month = date.getMonth() + 1
		var day  = date.getDate()
		return year + "年" + month + "月" + day + "日"
	} */
	
 	ajax({
		url: "/act/oneActivity.do",
		type: "post",
		data: {id: id},
		success: function(data) {
			if (data.indexOf("<!DOCTYPE html>") != -1) {
				return
			}
			var newData = JSON.parse(data)
			var dataObj = newData.data
			$("#main").html(dataObj.alert1)
			/* $(".h2-c-act-title").text("★" + dataObj.name + "★")
			$(".span-c-startTime").text(transDate2Str(new Date(dataObj.beginTime.replace(/-/g,"/"))))
			$(".span-c-endTime").text(transDate2Str(new Date(dataObj.endTime.replace(/-/g,"/"))))
			$(".img-c-act-phone").attr("src", BASE_SRC + dataObj.photoPath)
			$(".content").text(dataObj.details)  */
		},
		error: function(status) {
			showNormalNoticeModal("#div-i-noticeGenDan", "提示：", "网络繁忙")
		}
	})

	  var __main = function() {
	  }
	  __main()
	</script>
</html>